.box{position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.index_top{height: 80px;width: 100%;background: #23262f;position: fixed;}
.index_top_left{height: 80px;width: 170px;background: url('../images/index_logo.png') no-repeat;background-size: 170px 80px;float: left;}
.index_logo{}
.index_top_right{float: left;}
.index_top_right_list{}
.index_top_right_list ul{margin: 0;padding: 0;}
.index_top_right_list ul li{float: left;list-style:none;width: 180px;height: 80px;line-height: 80px;text-align: center;}
.index_top_right_list ul li a{text-decoration: none;color: #fff;font-size: 20px;width: 180px;height: 80px;display: block;}
.top_active{background: #000;}

.index_box{height: 100%;width: 100%;}
.index_top_portrait{float: right;}

.index_top_portrait .container{
    padding: 20px 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.index_top_portrait .container .circle{
    overflow: hidden;
}

.index_top_portrait .container .circle img{width: 30px;height: 30px;border-radius: 50%;}


.index_top_portrait .container .name{

    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

